<template>
	<div class="maxBox">
		<input type="text" placeholder="输入手机号" v-model="phone">
		<button @click="login">登录</button>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				phone: ""
			}
		},
		onLoad() {
			wx.cloud.init({
				traceUser: true,
			})

		},



		methods: {

			login() {
				
				if (isNaN(this.phone * 1)) {
					uni.showToast({
						title: '请输入纯数字',
						//将值设置为 success 或者直接不用写icon这个参数
						icon: 'error',
						//显示持续时间为 2秒
						duration: 2000
					})
					return
				}
				if (this.phone <= 0 || this.phone.length < 11) {
					uni.showToast({
						title: '请输入11位数纯数字',
						//将值设置为 success 或者直接不用写icon这个参数
						icon: 'error',
						//显示持续时间为 2秒
						duration: 2000
					})
					return
				}
				//调用云函数方法
				uniCloud.callFunction({
					name: "userPhone", //参数是云函数的名 会自动找这个云函数
					data: {
						phone: this.phone
					}
				}).then((res) => {
					console.log(res.result);
					// res
					if (res.result.code == 200) {
						if (res.result.data.length == 0) {
							uni.showModal({
								title: '提示', // 标题
								content: '非会员用户！请联系管理员  2317770710（微信）', // 提示内容
								labelColor: '#3385e3', // 确认按钮文字颜色
								confirmText: "复制微信", // 确认按钮的文字
								showCancel: false, // 是否显示取消按钮，默认为 true
								confirmColor: '#f55850',
								cancelColor: '#39B54A',
								success(res) {
									if (res.confirm) {
										//点击确定之后执行的代码
										uni.setClipboardData({
											data: "2317770710", //要被复制的内容
											success: () => { //复制成功的回调函数
												uni.showToast({ //提示
													title: '已复制管理员微信'
												})
											}
										});
									} else {
										//点击取消之后执行的代码
										
									}
								}
							});
						}else{
							uni.setStorage({
								key: "phone",
								data: this.phone,
								success: function() {
									uni.redirectTo({
										url: '/pages/index/index'
									});
								}
							})
						}
				
					}
				})
			}

		}
	}
</script>

<style>
	.maxBox {
		width: 100%;
		height: 100%;
		position: fixed;
		left: 0;
		top: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		background-image: url("https://pic4.zhimg.com/50/v2-edaddc2612c77fd894d6b5f7962b1d52_hd.jpg?source=1940ef5c");
		background-size: 100%;
	}

	.maxBox input {
		width: 80%;
		height: 40px;
		border: 1px solid #666;
		border-radius: 10px;
		padding: 10px;
		box-sizing: border-box;
		display: flex;
	}

	.maxBox button {
		margin-top: 40px;
		width: 50%;
		border-radius: 30px;
		background-color: #1aa034;
		color: #fff;
	}
</style>
